<template>
  <div>
    <div class="form-the-container basic-from">
      <div class="card-box">
        <div class="card-title full">其他物业信息</div>
        <el-form ref="propForm" :model="propForm.otherProperty" label-position="top" size="small" :rules="otherProperty_rules" class="form-wrap">
          <el-form-item label="其他物业名称" prop="otherName">
            <span class="in_txt">{{propForm.otherProperty.otherName}}</span>
          </el-form-item>

          <!-- <el-form-item label="所属物业" prop="propertyName">
            <span class="in_txt">{{propForm.otherProperty.propertyName}}</span>
          </el-form-item>-->

          <el-form-item label="建筑面积(m²)" prop="buildArea">
            <span class="in_txt">{{propForm.otherProperty.buildArea}}</span>
          </el-form-item>

          <el-form-item label="管理权属" prop="manageUnit">
            <el-select clearable v-model="propForm.otherProperty.manageUnit" placeholder="请选择管理所" :disabled="theSelectedProperty">
              <el-option v-for="item in manageUnits" :key="item.value" :label="item.label" :value="item.value"></el-option>
            </el-select>
          </el-form-item>

          <el-form-item label="物业地址" prop="cityCode">
            <div></div>
            <span class="in_txt">{{cityCode.label}}</span>
            <span class="in_txt">{{getCardTypeValue(propForm.otherProperty.countyCode,districtCollection)}}</span>

            <span class="in_txt">{{getCardTypeValue(propForm.otherProperty.projectStreet,streets)}}</span>

            <span class="in_txt">{{getCardTypeValue(propForm.otherProperty.communityName,communityNameStreet)}}</span>

            <span class="in_txt">{{propForm.otherProperty.addressInfo}}</span>
          </el-form-item>

          <el-form-item label="地图坐标" prop="mapCoordinates" style="position: relative;">
            <span class="in_txt">{{propForm.otherProperty.mapCoordinates}}</span>
          </el-form-item>
          <el-form-item label="地图围栏" prop="fenceCoordinates" style="position: relative;">
            <span class="in_txt">{{propForm.otherProperty.fenceCoordinates}}</span>
          </el-form-item>

          <el-form-item label="VR地址" prop="vrUrl">
            <span class="in_txt">{{propForm.otherProperty.vrUrl}}</span>
          </el-form-item>
          <el-form-item label="录入人" prop="gatherPeople">
            <span class="in_txt">{{propForm.otherProperty.createName}}</span>
          </el-form-item>
          <!--          <el-form-item label="录入部门" prop="deptName">-->
          <!--            <span class="in_txt">{{getCardTypeValue(propForm.otherProperty.deptName,deptNames)}}</span>-->
          <!--          </el-form-item>-->

          <el-form-item label="备注" class="full" prop="remarks">
            <span class="in_txt">{{propForm.otherProperty.remarks}}</span>
          </el-form-item>
          <div class="card-title full">文件上传</div>
          <div style="padding: 20px 20px" class="full">
            <v-upload type="file" ref="myUpload" :url="fileUploadUrl" :busId="id" :modelType="modelType" @onSuccess="onSuccess" v-model="uploadFileList" :isView="false"></v-upload>
          </div>
        </el-form>
        <!-- 地图坐标选择弹窗 -->
        <positionDialog ref="positionDialog" @changeMessage="resetPosition" />
        <propertyList ref="propertyList" @getPropertyObject="getPropertyObject" />
      </div>
    </div>
    <div class="cFormFoot">
      <el-button type="primary" v-throttle="[submitForm]">保存</el-button>
    </div>
  </div>
</template>
<script src='./other_property_form.js'>
</script>

<style scoped lang="scss">
@import "./other_property_form";
</style>
